<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/game.css">
</head>
<body>
    <!-- 导航栏开始 -->
    <div id="a1">
        <div class="a1-a1">
            <img src="./img/logo.png" alt="博雅互动">
            <div class="a1-a2">
                <ul>
                    <li>首页</li>
                    <li class="aaaaaaa">博雅游戏</li>
                    <li>博雅新闻</li>
                    <li>关于我们</li>
                    <li>客服中心</li>
                    <li>投资者关系</li>
                </ul>
                <a href="#">加入我们</a>
            </div>
            
        </div>
    </div>
    <!-- 导航栏结束 -->

    <!-- 大图片开始 -->
    <div id="b">

    </div>
    <!-- 大图片结束 -->


<div id="center">
    <!-- 大图片下面的线及内容开始 -->
     <div id="c">
        <h2>
            博雅游戏
        </h2>
        <span>
            <a href="#"><img src="./img/002.png" alt="回家"></a>
            <em></em>
            <label>博雅游戏</label>
        </span>
    </div>
    <!-- 大图片下面的线及内容结束 -->



    <!-- 左侧精灵图开始 -->
    <div id="d">
        <ul>
            <li>
                <a href="#" class="aaaaa">
                    iPhone
                    <i class="iphone"></i>
                </a>
            </li>
            <li>
                <a href="#">
                    Android
                    <i class="android"></i>
                </a>
            </li>
            <li>
                <a href="#">
                    iPad
                    <i class="ipad"></i>
                </a>
            </li>
            <li>
                <a href="#">
                    PC
                    <i class="pc"></i>
                </a>
            </li>
            <li>
                <a href="#">
                    TV
                    <i class="tv"></i>
                </a>
            </li>
        </ul>
    </div>
    <!-- 左侧精灵图结束 -->

    <!-- 右侧主题内容开始 -->
    <div id="f">
        <ul>
            <li>
                <h3>
                    <a href="#">
                        斗地主
                        <span>LANDLORDS</span>
                    </a>
                </h3>
                <div class="f-a">
                    <img src="./img/pro3.jpg" alt="">
                </div>
                <div class="f-b">
                    <div class="f-b-a">
                        <a href="#">App Stroe</a>
                    </div>
                    <div class="f-b-b">
                        <a href="#">二维码下载</a>
                    </div>
                </div>
            </li>
            <li>
                <h3>
                    <a href="#">
                        麻将全集
                        <span>MAHJONG GAMES</span>
                    </a>
                </h3>
                <div class="f-a">
                    <img src="./img/007.jpg" alt="">
                </div>
                <div class="f-b">
                    <div class="f-b-a">
                        <a href="#">App Stroe</a>
                    </div>
                    <div class="f-b-b">
                        <a href="#">二维码下载</a>
                    </div>
                </div>
            </li>
            <li>
               <h3>
                    <a href="#">
                        四川麻将
                        <span>SICHUAN MAHJONG</span>
                    </a>
               </h3>
                <div class="f-a">
                    <img src="./img/008.jpg" alt="">
                </div>
                <div class="f-b">
                    <div class="f-b-a">
                        <a href="#">App Stroe</a>
                    </div>
                    <div class="f-b-b">
                        <a href="#">二维码下载</a>
                    </div>
                </div>
            </li>
            <li>
                <h3>
                    <a href="#">
                        四人斗地主
                        <span>FOUR LANDLORDS</span>
                    </a>
                </h3>
                <div class="f-a">
                    <img src="./img/009.jpg" alt="">
                </div>
                <div class="f-b">
                    <div class="f-b-a">
                        <a href="">App Stroe</a>
                    </div>
                    <div class="f-b-b">
                        <a href="#">二维码下载</a>
                    </div>
                </div>
            </li>
            <li>
                <h3>
                    <a href="#">
                        中国象棋
                        <span>CHINESE CHESS OF BOYAA</span>
                    </a>
                </h3>
                <div class="f-a">
                    <img src="./img/006.jpg" alt="">
                </div>
                <div class="f-b">
                    <div class="f-b-a">
                        <a href="#">App Stroe</a>
                    </div>
                    <div class="f-b-b">
                        <a href="#">二维码下载</a>
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <!-- 右侧主题内容结束 -->

    
</div>

<!-- 底部导航栏开始 -->
<div id="a5">
    <div class="a5-a">
        <div class="a5-a-1">
            <span>
                <a href="#">网站地图</a>
                &nbsp;|&nbsp;
                <a href="#">免责声明</a>
                &nbsp;|&nbsp;
                <a href="#">监督举报</a>
            </span>
        </div>
        <div class="a5-a-2">
            <span>
                <a href="#">Copyright © 2004 - 2019 博雅互动(Boyaa Interactive)</a>
            </span>
        </div>
        <div class="a5-a-3">
            <span>
                <a href="#">网络文化经营许可证：粤网文[2015]1991-405号 | 互联网出版许可证：新出网证（粤）字062号 | 增值电信业务经营许可证：粤B2-20110513
                    <img src="./img/govIcon.gif" alt="深圳市市场监督管理局企业主体身份公示" title="深圳市市场监督管理局企业主体身份公示">
                </a>
            </span>
        </div>
        <div class="a5-a-5">
            <a href="#a1"></a>
        </div>
    </div>
</div>
<!-- 底部导航栏结束 -->

   
</body>
</html>